// For reference, all Bootstrap classes:
// https://gist.github.com/geksilla/6543145

.text-muted {
    color: $textColorMuted;
}

.nav {
    .dropdown-menu > li > a.has-icon,
    .dropdown-toggle.has-icon {
        $_icon_size: 14px;
        $_item_padding: 15px;
        $_icon_spacing: 5px;

        position: relative;
        padding-left: $_item_padding + $_icon_size + $_icon_spacing;

        .z-icon {
            position: absolute;
            left: $_item_padding;
            top: 50%;
            height: $_icon_size;
            width: $_icon_size;
            margin-top: calc($_icon_size / -2);
        }
    }

    &.nav-pills {
        @extend .minimalTabs;
        border-style: none none solid none;
        border-width: 1px;
    }
}

.dropdown-menu {
    &.admin-dropdown-menu-has-icons {
        > li > a {
            padding-left: 40px;
            position: relative;
            
            .glyphicon {
                $_height: 18px + 2 * 3px; // line-height + padding
                $_icon_height: 13px; // icon font size
                position: absolute;
                left: 10px;
                top: 0;
                bottom: 0;
                line-height: $_height;
            }
        }
    }
    > li > a {
        text-shadow: $darkOnLightTextShadow;
    }
    > li.active > a,
    > li.active > a:hover,
    > li > a:hover {
        background-color: $brand-primary;
        color: #fff;
        text-shadow: $lightOnDarkTextShadow;

        .text-muted {
            color: inherit;
            opacity: 0.6;
        }
    }
}

.well {
    $_padding: 15px;
    $_button_margin: 4px;

    box-shadow: none;
    padding: $_padding $_padding ($_padding - $_button_margin) $_padding;
    background-color: white;
    border: 0;
    border-radius: $radiusWidget;

    > .btn,
    > a[href],
    .btn + .btn {
        margin: 0 $_button_margin 0 $_button_margin;
    }
}
.alert {
    padding: 10px;
    margin-bottom: $baseMargin;
    
    h1, h2, h3, h4, h5, h6 {
        margin-top: 0;
    }
}

.modal-header .close {
    margin-top: 3px;
    opacity: 1;
}

a.close,
button.close {
    color: $textColorButton;
}

.radio-inline,
.checkbox-inline,
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 5px;
}

.checkbox label {
    color: $textColorButton;
}

.pagination {
    > li {
        > a {
            @include user-select("none");
        }
        
        &.disabled {
            > a {
                pointer-events: none;   
            }
        }
    }
}

.control-label {
    font-weight: normal;
    color: $textColorMedium;
    text-shadow: $darkOnLightTextShadow;
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        margin-bottom: 5px;
    }
}

code {
	padding: 0;
}
